<template>
	<NavBar :obj="{ title: title, color: '#000', backgroundColor: '#fff' }" />
	<view class="container">
		<view class="main">
			<view class="main_li" @click="goUrl('/pages/user/set/password-set?type=password&title=修改登录密码')">
				修改登录密码
				<u-icon name="arrow-right" color="#888" size="16"></u-icon>
			</view>
			<view class="main_li" @click="goUrl('/pages/user/set/password-set?type=pay_password&title=修改支付密码')">
				修改支付密码
				<u-icon name="arrow-right" color="#888" size="16"></u-icon>
			</view>
		</view>
	</view>
</template>

<script setup>
	import { ref, inject } from 'vue';
	import { port, imgUrl, goUrl, hint, loading, closeLoading } from '/service/port';
	import { onLoad } from '@dcloudio/uni-app';
	const title = ref('');
	onLoad((e) => {
		title.value = e.title;
	});
</script>

<style scoped lang="scss">
	:global(page) {
		background-color: #f4f5f8;
	}
	.container {
		margin: 0 30upx;
		.main {
			background: #fff;
			border-radius: 20upx;
			margin-top: 30upx;
			.main_li {
				color: #000;
				font-size: 28upx;
				display: flex;
				justify-content: space-between;
				line-height: 100upx;
				view {
					color: #888;
					display: flex;
				}
			}
		}
		.logout {
			margin-top: 100upx;
			color: #aaa;
			background: #fff;
			text-align: center;
			line-height: 90upx;
			border-radius: 20upx;
		}
	}
</style>
